.exam-list {
  display: flex;
  justify-content: center;
  height: 100%;

  .card-list-container {
    box-sizing: border-box;
    width: calc(100% - 300px);
    height: 100%;
    padding: 16px;
    overflow-y: auto;

    .card {
      position: relative;
      display: inline-block;
      width: 280px;
      height: 250px;
      margin: 16px;
      border: 0px;
      cursor: default;
      .detail-btn {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: space-around;
        width: 100%;
        height: 100%;
        font-size: large;
        background-color: #f0f0f0;
        box-shadow: 0 0 10px #a0a0a0;
        opacity: 0;
        a {
          font-weight: bold;
        }
      }
      .detail-btn:hover {
        opacity: 0.8;
        transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1);
      }
    }
  }
}
